import { Carousel } from 'antd';
import React from 'react';
const contentStyle: React.CSSProperties = {
  height: '602px',
  color: '#fff',
  lineHeight: '602px',
  textAlign: 'center',
};
function CarouselChar({cover}:any) {

  //这里在重新复制一下
  const onChange = (currentSlide: number) => {
    console.log(currentSlide);
  };
  return (
    <Carousel afterChange={onChange}>
        <div>
          <h3 style={contentStyle}><img style={{ width: '100%', height: '100%' }} src={`${cover}`} /></h3>
        </div>
        <div>
          <h3 style={contentStyle}><img style={{ width: '100%', height: '100%' }} src={`${cover}`} /></h3>
        </div>
        <div>
          <h3 style={contentStyle}><img style={{ width: '100%', height: '100%' }} src={`${cover}`} /></h3>
        </div>
        <div>
          <h3 style={contentStyle}><img style={{ width: '100%', height: '100%' }} src={`${cover}`} /></h3>
        </div>
    </Carousel>
  );
};
export default CarouselChar;